Typography 3 - GDES 226
UI Style Guide Prototype

for Leslie Harrod & Mark-Anthony Karam

Connor Charles

The purpose of this assignment was to transform (or, in my case, reinvent) the style guide from the Adobe XD step of the previous assignment into a tangible HTML and CSS webpage with attention to typographical hierarchy.

For that last assignment, I chose to reinvent the extremely lackluster GameStop Canada e-commerce website. While I got the chance to flex some rules of visual design that the original site sorely lacked, I felt a bit limited by the company's colour palette - it's black and red. I don't feel that I went to the right effort to reinventing that particular part of it, but I made a pretty compelling product.

My original style guide made in XD was like one 1920x1080 page, so for this step of the assignment, I had to totally recreate it and combine it with my type trial and style tile while introducing some new elements from the assignment documents, like the grids section. I still felt limited by the colour palette but I think this is compelling, readable, and well-spaced.